<nav id ="navbar" th:fragment="navbar" class="navbar navbar-default ">
    <div class="pb-container">
        <div class="navbar-header" style="    width: 100%;">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">
								导航
							</span>
                <span class="icon-bar">
							</span>
                <span class="icon-bar">
							</span>
                <span class="icon-bar">
							</span>
            </button>
            <!--<a class="logo-a" th:href="@{/}">-->
                <!--<img th:src="@{/img/logo.png}"  alt="logo" />-->
            <!--</a>-->

            <style>
                @media screen and (min-width: 900px) {
                    .logo-site:before {
                        content: "";
                        position: absolute;
                        /*left: -665px;*/
                        /*top: -460px;*/
                        width: 220px;
                        height: 15px;
                        background-color: rgba(255,255,255,.5);
                        -webkit-transform: rotate(-45deg);
                        -moz-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                        -o-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                        -webkit-animation: searchLights 1s ease-in 1s infinite;
                        -o-animation: searchLights 1s ease-in 1s infinite;
                        animation: searchLights 1s ease-in 1s infinite;
                    }
                }

                @-webkit-keyframes searchLights {
                    0% {
                        left: -100px;
                        top: 0;
                    }

                    to {
                        left: 120px;
                        top: 100px;
                    }
                }

                @-o-keyframes searchLights {
                    0% {
                        left: -100px;
                        top: 0;
                    }

                    to {
                        left: 120px;
                        top: 100px;
                    }
                }

                @-moz-keyframes searchLights {
                    0% {
                        left: -100px;
                        top: 0;
                    }

                    to {
                        left: 120px;
                        top: 100px;
                    }
                }

                @keyframes searchLights {
                    0% {
                        left: -100px;
                        top: 0;
                    }

                    to {
                        left: 120px;
                        top: 100px;
                    }
                }

                .logo-site, .logo-sites {
                    position: relative;
                    float: left;
                    margin: 5px 0 0 10px;
                    /*width: 220px;*/
                    max-height: 50px;
                    overflow: hidden;
                    transition-duration: .5s;
                }

                .logo-site img, .logo-sites img {
                    width: 220px;
                    max-height: 50px;
                }
                @media screen and (max-width: 480px) {
                    .logo-site, .logo-sites {
                        width: 140px;
                    }
                }
                #sougouTxt:focus{
                    outline-color: #0077dd;
                    border-radius: 6px;
                }
            </style>





            <div class="logo-site"><p style="margin:0 0 0 0 ;font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700; "  class="site-title">
                <a th:href="@{/}" style="color: #555;border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;"   title="Sinra">信睿知识库</a>
                <p style="margin-top: -5px;" class="site-description">行业数据智慧化引领者</p>

            </p>


        </div>
        <div class="collapse navbar-collapse navbar-right" aria-expanded="false">
            <ul class="nav navbar-nav">
                <li th:class="${categoryId=='index' ? 'active' : ''} ">
                    <a th:href="@{/}">
                        首页
                    </a>
                </li>
                <li th:each="category:${@module.get('categoryList')}" th:class="${category.id==categoryId ? 'active':(#lists.isEmpty(category.children)?'':'dropdown')}">
                    <a th:if="${category.pid==null||category.pid==0}" th:href="@{${not #lists.isEmpty(category.children)? '#': ('/blog/category/' + category.id)}}" th:class="${#lists.isEmpty(category.children)?'':'dropdown-toggle'}" th:data-toggle="${#lists.isEmpty(category.children)?'':'dropdown'}">
                        <span th:text="${category.name}"></span>
                        <b th:if="${not #lists.isEmpty(category.children)}" class="caret"></b>
                    </a>
                    <ul th:if="${not #lists.isEmpty(category.children)}" class="dropdown-menu">
                        <li th:each="node:${category.children}"><a th:href="@{${'/blog/category/' + node.id}}" th:text="${node.name}"></a></li>
                    </ul>

                </li>
                <li class="">
                    <a th:href="@{/blog/comment}" th:class="${categoryId=='comment' ? 'active' : ''} ">
                        留言板
                    </a>
                </li>
                <li>

                    <div class="top-search fl" id="sosobar" style="padding: 10px 12px;" role="search" bosszone="top_search">
                        <input id="sougouTxt" type="text" th:value="${keyword}" style="border: 1px solid #ccc;border-radius: 6px;" name="w" aria-label="请输入搜索文字" autocomplete="off">
                        <a href="#" id="searchbutton">
                            <i  class="fa fa-search search-btn"></i>
                        </a>
                    </div>

                    <script th:src="@{/admin/js/core.js}"></script>
                    <script   th:inline="javascript" type="text/javascript">
                        /*<![CDATA[*/
                        var context = [[@{/}]];
                        /*]]>*/
                        $(function () {
                            console.log("路径:"+context);
                            $("#searchbutton").click(function () {
                                var info = $("#sougouTxt").val();
                                if(info&&info!=''){
                                    var info =  location.protocol+"//"+location.host+context+""
                                        +"blog/search/1?keyword="+info+"&path=&es_size=10";
                                    console.log(info);
                                   window.location.href= info;
                                }
                            })
                        });

                    </script>


                </li>

                <!-- 系统 下拉菜单 -->
                <li class="nav-item dropdown">
                    <a id="dropdownSubMenu1" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">系统</a>
                    <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
                        <li><a href="#" onclick="editRow('1000000480172889')" class="dropdown-item">修改密码</a></li>

                        <style>

                            .valid-feedback {
                                display: none;
                                width: 100%;
                                margin-top: 0.25rem;
                                font-size: 80%;
                                color: #28a745;
                            }

                            .valid-tooltip {
                                position: absolute;
                                top: 100%;
                                z-index: 5;
                                display: none;
                                max-width: 100%;
                                padding: 0.25rem 0.5rem;
                                margin-top: .1rem;
                                font-size: 0.875rem;
                                line-height: 1.5;
                                color: #ffffff;
                                background-color: rgba(40, 167, 69, 0.9);
                                border-radius: 0.25rem;
                            }

                            .was-validated :valid ~ .valid-feedback,
                            .was-validated :valid ~ .valid-tooltip,
                            .is-valid ~ .valid-feedback,
                            .is-valid ~ .valid-tooltip {
                                display: block;
                            }

                            .was-validated .form-control:valid, .form-control.is-valid {
                                border-color: #28a745;
                                padding-right: 2.25rem;
                                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
                                background-repeat: no-repeat;
                                background-position: right calc(0.375em + 0.1875rem) center;
                                background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
                            }

                            .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
                                border-color: #28a745;
                                box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
                            }

                            .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
                                padding-right: 2.25rem;
                                background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
                            }

                            .was-validated .custom-select:valid, .custom-select.is-valid {
                                border-color: #28a745;
                                padding-right: calc(0.75em + 2.3125rem);
                                background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
                            }

                            .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
                                border-color: #28a745;
                                box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
                            }

                            .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
                                color: #28a745;
                            }

                            .was-validated .form-check-input:valid ~ .valid-feedback,
                            .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
                            .form-check-input.is-valid ~ .valid-tooltip {
                                display: block;
                            }

                            .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
                                color: #28a745;
                            }

                            .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
                                border-color: #28a745;
                            }

                            .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
                                border-color: #34ce57;
                                background-color: #34ce57;
                            }

                            .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
                                box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
                            }

                            .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
                                border-color: #28a745;
                            }

                            .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
                                border-color: #28a745;
                            }

                            .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
                                border-color: #28a745;
                                box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
                            }

                            .invalid-feedback {
                                display: none;
                                width: 100%;
                                margin-top: 0.25rem;
                                font-size: 80%;
                                color: #dc3545;
                            }

                            .invalid-tooltip {
                                position: absolute;
                                top: 100%;
                                z-index: 5;
                                display: none;
                                max-width: 100%;
                                padding: 0.25rem 0.5rem;
                                margin-top: .1rem;
                                font-size: 0.875rem;
                                line-height: 1.5;
                                color: #ffffff;
                                background-color: rgba(220, 53, 69, 0.9);
                                border-radius: 0.25rem;
                            }

                            .was-validated :invalid ~ .invalid-feedback,
                            .was-validated :invalid ~ .invalid-tooltip,
                            .is-invalid ~ .invalid-feedback,
                            .is-invalid ~ .invalid-tooltip {
                                display: block;
                            }

                            .was-validated .form-control:invalid, .form-control.is-invalid {
                                border-color: #dc3545;
                                padding-right: 2.25rem;
                                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
                                background-repeat: no-repeat;
                                background-position: right calc(0.375em + 0.1875rem) center;
                                background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
                            }

                            .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
                                border-color: #dc3545;
                                box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
                            }

                            .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
                                padding-right: 2.25rem;
                                background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
                            }

                            .was-validated .custom-select:invalid, .custom-select.is-invalid {
                                border-color: #dc3545;
                                padding-right: calc(0.75em + 2.3125rem);
                                background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
                            }

                            .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
                                border-color: #dc3545;
                                box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
                            }

                            .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
                                color: #dc3545;
                            }

                            .was-validated .form-check-input:invalid ~ .invalid-feedback,
                            .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
                            .form-check-input.is-invalid ~ .invalid-tooltip {
                                display: block;
                            }

                            .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
                                color: #dc3545;
                            }

                            .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
                                border-color: #dc3545;
                            }

                            .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
                                border-color: #e4606d;
                                background-color: #e4606d;
                            }

                            .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
                                box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
                            }

                            .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
                                border-color: #dc3545;
                            }

                            .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
                                border-color: #dc3545;
                            }

                            .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
                                border-color: #dc3545;
                                box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
                            }


                            /*自定义动画类----顺时针旋转（使用这个动画的时候才设置动画执行时间）*/
                            @-webkit-keyframes changeright{

                                0%{-webkit-transform:rotate(0deg);}

                                50%{-webkit-transform:rotate(180deg);}

                                100%{-webkit-transform:rotate(360deg);}
                            }

                            .imgrotate_common{
                                -webkit-animation:changeright 6s linear infinite;
                            }


                        </style>

                        <link rel="stylesheet" th:href="@{/libs/bootstrap/bootstrap.min.css}"/>
                        <script>
                            // 编辑
                            function editRow(id) {
                                Core.load("#formContent", "/blog/user/edit", function () {
                                    $('#formTitle').text('修改密码')
                                    $("#formModal").modal('show');
                                }, 2);
                            }


                            // 保存或更新
                            function updateInfo(){
                                var $f = $('#userForm');
                                var valid = $f[0].checkValidity();
                                var url =  "/blog/user/infoedit"
                                if (valid) {
                                    Core.mask("#saveOrUpdateBtn");
                                    Core.postAjax(url, $f.serialize(), function (data) {
                                        Core.unmask("#saveOrUpdateBtn");
                                        if (data.status === 200) {
                                            $("#formModal").modal("hide");
                                        }
                                        layer.msg(data.msg);
                                    }, function () {
                                        Core.unmask("#saveOrUpdateBtn");
                                    })
                                }
                                $f.addClass("was-validated")
                            }


                        </script>


                        <li><a th:href="@{/logout}" class="dropdown-item">退出登录</a></li>
                    </ul>
                </li>


                <li  >
                    <div id="mode-change" onclick="changcss()"><svg  class="icon imgrotate_common" aria-hidden="true" style="
                    height:40px;width: 40px;">
                        <use id="lights" xlink:href="#ac-light">
                            #shadow-root(closed)
                            <svg id="ac-light"   viewBox="0 0 1024 1024"><path d="M781.5941925 623.77730561l111.70005799-111.70005799L781.5941925 400.45443726V242.48305511H623.70005799L512 130.86024475 400.29994201 242.48305511H242.4058075v157.97138215L130.70574951 512.07724763 242.4058075 623.77730561v157.89413451h157.89413451L512 893.37149811l111.70005799-111.70005799H781.5941925z" fill="#FCD170"></path><path d="M512 901.09626008c-2.00843811 0-3.9396286-0.7724762-5.484581-2.24018098L397.13278961 789.39620209H242.4058075c-4.24861909 0-7.72476196-3.47614289-7.72476197-7.72476197V626.94445801L125.29841614 517.56182862c-1.46770478-1.46770478-2.24018097-3.39889526-2.24018098-5.484581 0-2.08568573 0.84972382-4.01687622 2.24018098-5.484581L234.68104553 397.21003723V242.48305511c0-4.24861909 3.47614289-7.72476196 7.72476197-7.72476195h154.72698212L506.515419 125.37566375c1.46770478-1.46770478 3.39889526-2.24018097 5.484581-2.24018096s4.01687622 0.84972382 5.484581 2.24018097l109.38262938 109.3826294H781.5941925c4.24861909 0 7.72476196 3.47614289 7.72476197 7.72476196v154.72698211L898.70158386 506.59266662c1.46770478 1.46770478 2.24018097 3.39889526 2.24018098 5.48458101 0 2.08568573-0.84972382 4.01687622-2.24018098 5.48458099L789.31895447 626.94445801v154.72698212c0 4.24861909-3.47614289 7.72476196-7.72476197 7.72476195H626.86721039l-109.3826294 109.38262941c-1.54495239 1.54495239-3.47614289 2.31742859-5.48458099 2.31742859zM250.13056946 773.94667816h150.16937255c2.08568573 0 4.01687622 0.84972382 5.48458101 2.24018097L512 882.47958374l106.21547699-106.215477c1.46770478-1.46770478 3.39889526-2.24018097 5.484581-2.24018096H773.86943054V623.77730561c0-2.08568573 0.84972382-4.01687622 2.24018098-5.484581l106.21547698-106.21547699-106.21547699-106.21547699c-1.46770478-1.46770478-2.24018097-3.39889526-2.24018097-5.484581V250.20781707H623.70005799c-2.08568573 0-4.01687622-0.84972382-5.48458101-2.24018096L512 141.75215911 405.78452301 247.96763611c-1.46770478 1.46770478-3.39889526 2.24018097-5.484581 2.24018097H250.13056946v150.16937255c0 2.08568573-0.84972382 4.01687622-2.24018098 5.484581L141.6749115 512.07724763l106.21547699 106.21547698c1.46770478 1.46770478 2.24018097 3.39889526 2.24018097 5.484581v150.16937254z" fill=""></path><path d="M512 512.07724763m-199.14436341 0a199.14436341 199.14436341 0 1 0 398.28872682 0 199.14436341 199.14436341 0 1 0-398.28872682 0Z" fill="#F7DDAD"></path><path d="M512 718.94637299c-55.23204804 0-107.21969604-21.55208588-146.30699158-60.5621338-39.08729553-39.08729553-60.56213379-90.99769592-60.56213379-146.30699156s21.55208588-107.21969604 60.56213379-146.30699159c39.08729553-39.08729553 90.99769592-60.56213379 146.30699158-60.56213379 55.23204804 0 107.21969604 21.55208588 146.30699158 60.5621338 39.08729553 39.08729553 60.56213379 90.99769592 60.56213379 146.30699157S697.39428711 619.29694367 658.30699158 658.3842392 567.23204804 718.94637299 512 718.94637299z m0-398.28872682c-51.13792419 0-99.1859436 19.92988586-135.33782959 56.08177186-36.15188599 36.15188599-56.08177185 84.19990539-56.08177185 135.33782959s19.92988586 99.1859436 56.08177185 135.3378296c36.15188599 36.15188599 84.19990539 56.08177185 135.33782959 56.08177184 51.13792419 0 99.1859436-19.92988586 135.33782959-56.08177185 36.15188599-36.15188599 56.08177185-84.19990539 56.08177185-135.33782958S683.48971558 412.89130401 647.33782959 376.73941802c-36.15188599-36.15188599-84.19990539-56.08177185-135.33782959-56.08177184z" fill=""></path></svg>
                        </use>


                        <use id="darks" style="display: none;" xlink:href="#ac-dark">
                        <svg id="ac-dark" viewBox="0 0 1024 1024"><path d="M752.6144 536.064c0-130.0608-72.1408-192.4736-72.1792-192.4864H343.5648c-0.0512 0.0256-72.1792 62.4384-72.1792 192.4864 0 171.4432 144.3712 187.2256 144.3712 240.6144 0 60.16-72.1792 62.4128-72.1792 120.3072 0 0 60.16-24.064 96.2432-24.064 23.3088 0 25.5616 24.064 72.1792 24.064s48.8704-24.064 72.1792-24.064c36.096 0 96.2432 24.064 96.2432 24.064 0-57.8944-72.1792-60.16-72.1792-120.3072 0-53.3888 144.3712-69.184 144.3712-240.6144z" fill="#735538"></path><path d="M848.8576 680.4352H175.1424c-26.5728 0-48.128 21.5168-48.128 48.128 0 26.5728 21.5424 48.128 48.128 48.128h673.728c26.5728 0 48.128-21.5424 48.128-48.128-0.0128-26.6112-21.5552-48.128-48.1408-48.128z" fill="#4D4D4D"></path><path d="M463.872 656.3712c-13.2992 0-24.064 10.7648-24.064 24.064 0-13.2992-10.7904-24.064-24.064-24.064-13.2992 0-24.064 10.7648-24.064 24.064v48.128c0 13.2736 10.7648 24.064 24.064 24.064 13.2736 0 24.064-10.7904 24.064-24.064 0 13.2736 10.7648 24.064 24.064 24.064s24.064-10.7904 24.064-24.064v-48.128c0-13.2992-10.7648-24.064-24.064-24.064z m144.3712 0c-13.2992 0-24.064 10.7648-24.064 24.064 0-13.2992-10.7904-24.064-24.064-24.064-13.2992 0-24.064 10.7648-24.064 24.064v48.128c0 13.2736 10.7648 24.064 24.064 24.064 13.2736 0 24.064-10.7904 24.064-24.064 0 13.2736 10.7648 24.064 24.064 24.064s24.064-10.7904 24.064-24.064v-48.128c0-13.2992-10.7648-24.064-24.064-24.064z" fill="#BF8D5E"></path><path d="M694.1568 227.5456c5.4016-31.6288 10.3296-69.12 10.3296-100.5312-27.0848 0-61.824 44.4672-81.28 72.9472-4.9152-0.512-9.9072-0.768-14.9632-0.768-36.9792 0-70.7072 13.9008-96.2432 36.7744-25.5488-22.8608-59.264-36.7744-96.2432-36.7744-5.056 0-10.048 0.256-14.9632 0.768-19.4688-28.48-54.1952-72.9472-81.2928-72.9472 0 31.3984 4.928 68.8896 10.3296 100.5184-35.4688 26.304-58.4576 68.4672-58.4576 116.032 0 79.7312 64.64 144.3712 144.3712 144.3712 36.9792 0 70.7072-13.9136 96.2432-36.7744 25.5488 22.8608 59.264 36.7744 96.2432 36.7744 79.7312 0 144.3712-64.64 144.3712-144.3712 0.0128-47.552-22.976-89.728-58.4448-116.0192z" fill="#A67A51"></path><path d="M608.2432 247.3216c-53.1456 0-96.2432 43.0976-96.2432 96.2432 0-53.1584-43.0976-96.2432-96.2432-96.2432s-96.2432 43.0976-96.2432 96.2432c0 53.1456 43.0976 96.2432 96.2432 96.2432 23.2448 0 44.5696-8.2432 61.1968-21.9648L512 487.936l35.0464-70.0928c16.64 13.7216 37.952 21.9648 61.1968 21.9648 53.1456 0 96.2432-43.0976 96.2432-96.2432 0-53.1456-43.0848-96.2432-96.2432-96.2432z" fill="#E6E6E6"></path><path d="M415.7568 295.4496c-26.5728 0-48.128 21.5424-48.128 48.128s21.5424 48.128 48.128 48.128c26.5728 0 48.128-21.5424 48.128-48.128s-21.5552-48.128-48.128-48.128z m192.4864 0c-26.5728 0-48.128 21.5424-48.128 48.128s21.5424 48.128 48.128 48.128c26.5728 0 48.128-21.5424 48.128-48.128s-21.5552-48.128-48.128-48.128z" fill="#4D4D4D"></path></svg>
                        </use>

                    </svg></div>
                </li>

                <script>
                    var flag = 1;
                    function changcss(){
                        flag++;
                        if(flag%2==0){
                            $("#lights").hide();
                            $("#darks").show();

                            document.getElementsByTagName("body")[0].style.background = '#333';
                            $(".blogs").each(function(){
                                $(this).css('background-color',"#333");
                                $(this).css('border',"1px solid");
                            });

                            $(".pb-sidebar-tabs").css('background-color',"#555").css("border",'1px solid');
                            $(".panel-default").css('border-color','#333');
                            $(".panel-default").css("background-color",'#555');
                            $(".nav-tabs").css('background-color',"#555");
                            $(".panel-heading").css('background-color','#555');


                            $(".article-main").css('background-color','#555');

                            $(".pb-sidebar-tabs .nav-tabs>li.active>a, .pb-sidebar-tabs .nav-tabs>li.active>a:focus")
                                .css("background-color","#555").css("color","#333").css("border-top",'2px solid');
                        }else{
                            $("#lights").show();
                            $("#darks").hide();
                            document.getElementsByTagName("body")[0].style.background = '';
                            $(".blogs").each(function(){
                                $(this).css('background-color',"");
                                $(this).css('border',"");
                            });

                            $(".pb-sidebar-tabs").css('background-color',"").css("border",'');
                            $(".panel-default").css('border-color','');
                            $(".panel-default").css("background-color",'');
                            $(".nav-tabs").css('background-color',"");
                            $(".panel-heading").css('background-color','');
                            $(".article-main").css('background-color','');

                            $(".pb-sidebar-tabs .nav-tabs>li.active>a, .pb-sidebar-tabs .nav-tabs>li.active>a:focus")
                                .css("background-color","").css("color","").css("border-top",'');
                        }


                    }
                </script>


            </ul>
        </div>
    </div>

    <!-- 表单模态框 -->
    <section id="formModalWrapper">
        <div class="modal fade" id="formModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="formTitle"></h5>
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div id="formContent"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" onclick="updateInfo()" id="saveOrUpdateBtn">保存
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section>


</nav>



<style>

    @media (max-width: 1279px)
     .top-search input {
      width: 287px;
   }

    @media (max-width: 1440px)
    .top-search input {
        float: left;
        border: 0;
        font-size: 14px;
        line-height: 22px;
        width: 300px;
        height: 24px;
        padding: 4px 10px;
        background: none;
    }
</style>

